<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Catálogo de Productos" />
            <ui:define name="body">
                <a4j:form>
                    <rich:panel>
                        <h:graphicImage value="#{ComprasBean.mueble.foto}" />
                        <br />
                        <h4>
                            Referencia: <h:outputText value="#{ComprasBean.mueble.referencia}" />
                            <br />
                            Nombre: <h:outputText value="#{ComprasBean.mueble.nombre}" />
                            <br />
                            Descripción: <h:outputText value="#{ComprasBean.mueble.descripcion}" />
                            <br />
                            Alto: <h:outputText value="#{ComprasBean.mueble.alto}" />
                            <br />
                            Ancho: <h:outputText value="#{ComprasBean.mueble.ancho}" />
                            <br />
                            Profundidad: <h:outputText value="#{ComprasBean.mueble.profundidad}" />
                            <br />
                            Color: <h:outputText value="#{ComprasBean.mueble.color}" />
                            <br />
                            Material: <h:outputText value="#{ComprasBean.mueble.material}" />
                            <br />
                            Peso: <h:outputText value="#{ComprasBean.mueble.peso}" />
                            <br />
                            Tipo: <h:outputText value="#{ComprasBean.mueble.tipo}" />
                            <br />
                            Precio: <h:outputText value="#{ComprasBean.mueble.precio}" />
                        </h4>
                        <br />
                        <h:commandButton value="Agregar" action="#{ComprasBean.agregarACarroCompras}" />
                        Cantidad:
                        <h:inputText value="#{ComprasBean.cantidad}" />
                        <rich:separator />
                        <h:commandButton value="Regresar" action="#{ComprasBean.regresarACatalogoCompras}" />
                    </rich:panel>
                </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>

